<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/study.css" type="text/css" rel="stylesheet">
		</head>
	</head>
	
	<body>
		<div class="header"> 
		
			<img src="img/logo.png" alt=""/>
			<div class="nav">
				<ul>
					<li>
						<a href="#">首页</a>
					</li>
					<li>
						<a href="#">课程</a>
					</li>
					<li>
						<a href="#">职业规划</a>
					</li>
				</ul>
			</div>
			
			<div class="search">
				<input type="text" placeholder="请输入关键字"/>
				<button></button>
			</div>
			
			<div class="user">
				<img src="./img/user.png" alt="" />
				<span>Stephen</span>
			</div>
			
		</div>
		
		<div class="banner">
			
			<div class="wrapper">
				<div class="leftbox">
					<ul>
						<li>
							<a href="#">前端开发 <span>></span></a>
						</li>
						<li>
							<a href="#">后端开发 <span>></span></a>
						</li>
						<li>
							<a href="#">移动开发 <span>></span></a>
						</li>
						<li>
							<a href="#">人工智能 <span>></span></a>
						</li>
						<li>
							<a href="#">商业预测 <span>></span></a>
						</li>
						<li>
							<a href="#">大数据/云计算 <span>></span></a>
						</li>
						<li>
							<a href="#">运维/测试 <span>></span></a>
						</li>
						<li>
							<a href="#">UI设计 <span>></span></a>
						</li>
						<li>
							<a href="#">产品 <span>></span></a>
						</li>
					</ul>
				</div>
				
				<div class="rightbox">
					<h3>我的课程表</h3>
					<ul>
						<li>
							<p>继续学习 程序设计语言</p>
							<p>正在学习-使用对象</p>
						</li>
						<li>
							<p>继续学习 程序设计语言</p>
							<p>正在学习-使用对象</p>
						</li>
						<li>
							<p>继续学习 程序设计语言</p>
							<p>正在学习-使用对象</p>
						</li>
					</ul>
					
					<div class="all">
						全部课程
					</div>
				</div>
			</div>
		</div>
		
		<div class="types">
			<h2>精品推荐</h2>
			<ul>
				<li><a href="#">jQuery</a></li>
				<li><a href="#">jQuery</a></li>
				<li><a href="#">jQuery</a></li>
				<li><a href="#">jQuery</a></li>
				<li><a href="#">jQuery</a></li>
				<li><a href="#">jQuery</a></li>
			</ul>
			<a href="#">修改兴趣</a>
		</div>
	
		<div class="recommendation">
			<h3 class="prior">精品设计</h3>
			<h3 class="back">
				<a href="#">查看全部</a> 
			</h3>
			<div class="cource">
				<ul>
					<li>
						<a href="#">
							<img class="photo" src="./img/course01.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
							<img class="hot" src="img/HOT.png" alt="" />
						</a>
					</li>
					
					<li>
						<a href="#">
							<img class="photo" src="./img/course02.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
							<img class="hot" src="img/HOT.png" alt="" />
						</a>
					</li>
					
					<li>
						<a href="#">
							<img class="photo" src="./img/course03.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
							<img class="hot" src="img/HOT.png" alt="" />
						</a>
					</li>
					
					<li>
						<a href="#">
							<img class="photo" src="./img/course04.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
							<img class="hot" src="img/HOT.png" alt="" />
						</a>
					</li>
					
					<li>
						<a href="#">
							<img class="photo" src="./img/course05.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
							<img class="hot" src="img/HOT.png" alt="" />
						</a>
					</li>   
					
					<li>
						<a href="#">
							<img class="photo" src="./img/course06.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
							<img class="hot" src="img/HOT.png" alt="" />
						</a>
					</li>
					
					<li>
						<a href="#">
							<img class="photo" src="./img/course07.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
							<img class="hot" src="img/HOT.png" alt="" />
						</a>
					</li>
					
					<li>
						<a href="#">
							<img class="photo" src="./img/course08.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
							<img class="hot" src="img/HOT.png" alt="" />
						</a>
					</li>
					
					<li>
						<a href="#">
							<img class="photo" src="./img/course01.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
							<img class="hot" src="img/HOT.png" alt="" />
						</a>
					</li>
					
					<li>
						<a href="#">
							<img class="photo" src="./img/course02.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
							<img class="hot" src="img/HOT.png" alt="" />
						</a>
					</li>
					
				</ul>
			</div>
		</div>
	
		<div class="recommendation2-head">
			<h3 class="prior">编程入门</h3>
			<span class="tittle">
				<a href="#">热门</a>
				<a href="#">初级</a>
				<a href="#">中级</a>
				<a href="#">高级</a>
			</span>
			<h3 class="back">
				<a href="#">查看全部</a>
			</h3>
		</div>
	
		<div class="recommendation2">
			<div class="leftbox">
				<img src="./img/left.jpg" alt="" />
			</div>
			
			<div class="rightbox">
				<img src="./img/top.jpg" alt="" />
				
				<ul>
					<li>
						<a href="#">
							<img class="photo" src="./img/course01.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img class="photo" src="./img/course02.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img class="photo" src="./img/course03.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img class="photo" src="./img/course04.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
	
		<div class="recommendation3-head">
			<h3 class="prior">数据分析师</h3>
			<span class="tittle">
				<a href="#">热门</a>
				<a href="#">初级</a>
				<a href="#">中级</a>
				<a href="#">高级</a>
			</span>
			<h3 class="back">
				<a href="#">查看全部</a>
			</h3>
		</div>
		
		<div class="recommendation3">
			<div class="leftbox">
				<img src="./img/left.jpg" alt="" />
			</div>
			
			<div class="rightbox">
				<img src="./img/top.jpg" alt="" />
				
				<ul>
					<li>
						<a href="#">
							<img class="photo" src="./img/course01.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img class="photo" src="./img/course02.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img class="photo" src="./img/course03.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img class="photo" src="./img/course04.png" alt="" />
							<h5>
								Think PHP 5.0 博客系统实战项目演练
							</h5>
							<p>
								<span>高级</span> • 1125人正在学习
							</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="recommendation4-head">
			<h3 class="prior">机器学习工程师</h3>
			<span class="tittle">
				<a href="#">热门</a>
				<a href="#">初级</a>
				<a href="#">中级</a>
				<a href="#">高级</a>
			</span>
			<h3 class="back">
				<a href="#">查看全部</a>
			</h3>
		</div>

		
		<div class="footer">
			
			<div class="left">
				<img class="logo" src="./img/logo.png" alt="" />
				<p>© 内蒙古亚资网络科技有限公司</p>
				<div class="download">
					下载APP
				</div>
			</div>
			
			<div class="list">
				<ul>
					<li>关于学成网</li>
					<li><a href="#">关于</a></li>
					<li><a href="#">管理团队</a></li>
					<li><a href="#">工作机会</a></li>
					<li><a href="#">客服帮助</a></li>
					<li><a href="#">支持</a></li>
				</ul>
				<ul>
					<li>关于学成网</li>
					<li><a href="#">关于</a></li>
					<li><a href="#">管理团队</a></li>
					<li><a href="#">工作机会</a></li>
					<li><a href="#">客服帮助</a></li>
					<li><a href="#">支持</a></li>
				</ul>
				<ul>
					<li>关于学成网</li>
					<li><a href="#">关于</a></li>
					<li><a href="#">管理团队</a></li>
					<li><a href="#">工作机会</a></li>
					<li><a href="#">客服帮助</a></li>
					<li><a href="#">支持</a></li>
				</ul>
			</div>
		</div>
	</body>
	
</html>